body{margin:0px auto;padding:0;background:#333;font:18px/18px arial;color:#fff}
.header-1,.header-2,.header-3,.header-title-content{border:1px solid #fff;}
.header-wrapper{width:100%;background:#333;overflow:hidden;position:relative;margin:0px auto;padding:0;}
.header-inner{width:100%;overflow:hidden;position:relative;margin:0px auto;padding:0;}
.header-content{width:100%;overflow:hidden;position:relative;margin:0px auto;padding:0;}
.header-1,.header-2,.header-3{width:33%;overflow:hidden;position:relative;float:left;margin: 10px auto;}
.header-1{height:80px;}.header-2,.header-3{height:40px;margin-top:50px;}
.header-title-content{width:66%;height:30px;overflow:hidden;position:absolute;right:0;top:10px;}		
/* START POS */
.post-1,.post-2,.post-3,.post-4,.post-content,.post-bottom-1,.post-bottom-2,.post-bottom-3{border:1px solid #EFC30F;}
.post-wrapper{width:100%;background:#333;overflow:hidden;position:relative;margin:0px auto;padding:0;}
.post-inner-top{width:100%;background:#EFC30F;overflow:hidden;position:relative;margin:0px auto;padding:0;}
.post-inner-bottom{width:100%;background:#397EC3;overflow:hidden;position:relative;margin:0px auto;padding:0;}
.post-inner{width:100%;background:#fff;overflow:hidden;position:relative;margin:0px auto;padding:0;}
.post-content{width:100%;overflow:hidden;position:relative;margin:0px auto;padding:0;}
.post-content-top{width:95%;height:300px;overflow:hidden;position:relative;margin:0px auto;padding:0;}
.post-content-bottom{width:95%;overflow:hidden;position:relative;margin:0px auto;padding:0;}
.post-1{background:#E74C3C;}
.post-2{background:#EFC30F;}
.post-3{background:#2E363E;}
.post-4{background:#397EC3;}
.post-1,.post-2,.post-3,.post-4{width:24.7%;height:300px;margin:20px auto;overflow:hidden;position:relative;float:left}
.post-bottom-1,.post-bottom-2,.post-bottom-3{width:33%;height:300px;margin:10px auto;overflow:hidden;position:relative;float:left}
/* START FOOTER */
.footer-1,.footer-2,.footer-3{border:1px solid #fff;}
.footer-wrapper{width:100%;background:#333;overflow:hidden;position:relative;margin:0px auto;padding:0;}
.footer-inner{width:100%;overflow:hidden;position:relative;margin:0px auto;padding:0;}
.footer-content{width:100%;overflow:hidden;position:relative;margin:0px auto;padding:0;}
.footer-1,.footer-2,.footer-3{width:33.1%;height:90px;margin:10px auto;overflow:hidden;position:relative;float:left}

@media screen and (max-width: 1024px){

}
@media screen and (max-width: 980px){

}
@media screen and (max-width: 768px){
.header-1{width:99%;margin:0px;}.header-2,.header-3{width:49.3%;margin:0px;}
.header-title-content{display:none}
.footer-1,.footer-2,.footer-3{width:99%;margin:0px;}

.post-1,.post-2,.post-3,.post-4,.post-bottom-1,.post-bottom-2,.post-bottom-3{width:99%;margin:0px;}
.post-content-bottom{width:100%;}
}
@media screen and (max-width: 667px){
.header-1,.header-2,.header-3{width:99%;margin:0px;}

}
@media screen and (max-width: 600px){

}
@media screen and (max-width: 568px){
}
@media screen and (max-width: 480px){

}
@media screen and (max-width: 384px){

}
@media screen and (max-width: 320px){

}
@media screen and (max-width: 240px){

}